<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 倒入第三方样式-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
    <!--导入less样式-->
    <link rel="stylesheet" href="./mini/css/reset.min.css" />
    <link rel="stylesheet" href="./mini/css/m-details(danpin).min.css" />

    <!-- 引入js-->
    <script src='lib/less/less.min.js'></script>
    <title>凑单品</title>
</head>

<body>


    <!--header-->
    <header>
        <a href="" class="back"><span>&lt;</span></a>

        <p>凑单品</p>

    </header>
    <!--header-->

    <nav class="clearfix">
        <div><a href="" id="shop">京东</a><i>▲</i>
        </div>
        <div><a href="" id="address">华北</a><i>▲</i>
        </div>
        <div><a href="" id="price">一元</a><i>▲</i>
        </div>
        <div><a href="" id="content">囍</a>
        </div>
        <div class="ITEMS">
            <ul class="items " id="items1"></ul>
            <ul class="items" id="items2"></ul>
            <ul class="items" id="items3">
                <li><a href="">1元</a><span>√</span></li>
                <li><a href="">1~3元</a><span>√</span></li>
                <li><a href="">3~5元</a><span>√</span></li>
                <li><a href="">5~8元</a><span>√</span></li>
                <li><a href="">8~10元</a><span>√</span></li>
                <li><a href="">10~15元</a><span>√</span></li>
            </ul>
            <ul class="items clea v  rfix" id="items4">

                <div class="search"><input type="text" value="输入关键字" /><span>搜索</span></div>
                <span class="px">排序</span>

                <div class="clearfix list1">
                    <a href="">销量</a>
                    <a href="">价格↑</a>
                    <a href="">价格↓</a>
                </div>
                <span class="px">分类</span>

                <div class="list2">
                    <a href="">全部</a>
                    <a href="">家居</a>
                    <a href="">数码</a>
                    <a href="">办公</a>
                </div>
                <div class="list3">
                    <a href="">个护</a>
                    <a href="">食品</a>
                    <a href="">母婴</a>
                    <a href="">服饰</a>
                </div>
            </ul>
        </div>
    </nav>


    <div class="details">
        <ul class="contains clearfix">
        </ul>
    </div>
    <script type="text/html" id="tplSingle">
        {{each result as value i}}
        <li>
            <a href=""><img src="{{#value.productImg}}" alt="" /></a>
            <a href="" class="name">{{value.productName}}</a><br/>
            <a href="" class="price">{{value.productPrice}}</a>
        </li>
        {{/each}}
    </script>
    <script type="text/html" id="getShop">
        {{each result as value i}}
        <li data-shopId={{value.shopId}}><a href="">{{value.shopName}}</a><span>√</span></li>
        {{/each}}
    </script>

    <script type="text/html" id="getArea">
        {{each result as value i}}
        <li data-areaId={{value.areaId}}><a href="">{{value.areaName}}</a><span>√</span></li>
        {{/each}}
    </script>
</body>
<!--引入jq-->
<script src="lib/jquery/jquery.js"></script>
<!--引入bootstrap.js-->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!--一引入template.js-->
<script src="lib/template/template.js"></script>
<!--引入自己的js-->
<script src="./mini/js/m-details20170219233348.min.js"></script>

</html>